<template>
	<view class="offical">
		<view class="title">
			<text style="font-size: 18px;">
				{{info.title}}
			</text>
			<text> {{info.ctime}} </text>
		</view>
	
		<view class="content" style="background-color: #fff; width: 90%; margin: 0 5%; border-radius: 10px;">
			<view class="Company_Profile" style="padding: 0 15px; 10px 0">
				<div
					style="display: flex; justify-content: space-between; align-items: center; height: 60px;border-bottom: 1px solid #888;">
					<text style="margin-top: 10px;">详情</text>
	
				</div>
				<div style="width: 100%;height: 100%;margin-top: 10px;" v-html="info.context">
				</div>
			</view>
		</view>
		<view class="process">
			<video :src="info.video" controls autoplay loop muted style="width: 100%;height: 200px; margin: auto;"></video>
			
		</view>
		<view class="process">
			<image v-for="el in info.img_list" :src="el"></image>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:null
			}
		},
		onLoad(){
			this.info = uni.getStorageSync('adInfo');
			uni.setNavigationBarTitle({
				title: this.info.title
			});
			this.info['img_list'] = this.info['img_list'].split(',');
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	
	.offical{
		width: 100vw;
		height: auto;
		background-color: #abab39;
		display: block;
		.title{
			width: 100%;
			height: 80px;
			text-align: center;
			line-height: 80px;
		}
	}
	@keyframes pulse {

		0%,
		100% {
			transform: scale(1);
			/* 初始和结束状态，放大1.2倍 */
		}

		50% {
			transform: scale(1.2);
			/* 中间状态，放大1.4倍 */
		}
	}

	.clearinghouse {
		/* 初始缩放为1（100%大小） */
		animation: pulse 2s ease-in-out infinite;
		/* 应用动画，持续时间为5秒，无限循环 */
	}
</style>